<template>
  <div class="tools-project-control-btns">
    <el-button
      v-for="(item, i) in buttonColorList"
      :color="item.normal"
      :key="i"
      @click="setTerminal(item.type)"
      >{{ item.desc }}</el-button
    >
  </div>
</template>

<script setup lang="ts">
import { buttonColorList } from '../config'
const emits = defineEmits(['setTerminal'])
const setTerminal = (type: string | number) => {
  emits('setTerminal', type)
}
</script>

<style lang="scss" scoped>
.tools-project-control-btns {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  .el-button {
    margin: 0 10px 10px;
  }
}
</style>
